.main {
    display: flex;
    flex-direction: row;

    margin-top: 60px;
    margin-left: 50px;

    overflow: hidden;
}

.title-container {
    display: flex;

    justify-content: center;
    align-items: center;

    min-width: 250px;
    width: 250px;
}

.title-container h1 {
    font-family: 'Bebas Neue';
    color: white;
    font-size: 121px;
    /* rend mieux sur firefox avec -35px, mais on cible webkit */
    letter-spacing: -50px;
    height: fit-content;

    writing-mode: vertical-rl;
    text-orientation: upright;
}

.activities-carousel {
    display: flex;
    flex-direction: row;
    flex-grow: 2;

    overflow: hidden;
}

.activities {
    display: flex;
    flex-direction: column;
    flex-grow: 2;

    transition: transform 1s linear;
}

.activities article {
    display: flex;
    flex-direction: row;

    background-color: white;

    min-width: 1620px;
}